<template>
    <div class="site-header-page">
        <div>
            <img class="img" src="../../../../../../assets/images/bd-dsj.png"/>
        </div>
        <div class="select">
            <Input v-model="value13" class="input" placeholder="请输入关键字搜索">
                <Select v-model="select3" slot="prepend" style="width: 80px">
                    <Option value="capital">资金</Option>
                    <Option value="policy">政策</Option>
                    <Option value="project">项目</Option>
                </Select>
                <Button slot="append" icon="ios-search"></Button>
            </Input>
        </div>
    </div>
</template>

<script>
export default {
  name: 'SiteHeader',
  props: {
    title: {
      type: String,
      default: () => {
        return ''
      }
    }
  },
  data () {
    return {
      cityList: [
        {
          value: '资金',
          label: '资金'
        },
        {
          value: '政策',
          label: '政策'
        },
        {
          value: '项目',
          label: '项目'
        }
      ],
      model1: '资金',
      value: '',
      value13: '',
      select3: 'capital'
    }
  },
  methods: {
    result () {
      this.$emit('result', 11)
    }
  },
  mounted () {

  }
}
</script>

<style scoped lang="less">
    .site-header-page{
        background-image: url('../../../../../../assets/images/bd.jpg');
        background-size: 100% 100%;
        height: 450px;
        background-position: 0;
    }
    .img{
        height: 190px;
        border-style: none;
        margin-left: 110px;
        margin-top: 80px;
    }
    .site-header-page /deep/.ivu-input-group .ivu-input {
         width: 100%;
         float: left;
         height: 52px;
         margin-bottom: 0;
         position: relative;
         z-index: 2;
     }
    .select{
        width: 470px;
        margin-top: 40px;
        margin-left: 490px;
    }
    .site-header-page /deep/.ivu-icon-ios-search:before {
        content: "\F2A7";
        font-size: 27px;
        color: white;
    }
    .site-header-page /deep/.ivu-input-group-prepend {
        border-right: 0;
        background-color: white;
    }
    .site-header-page /deep/ .ivu-btn {
        border-color: #e84c3d;
        background-color: #e84c3d;
        color: inherit;
        margin: -9px -10px;
        width: 70px;
        height: 52px;
    }
    .site-header-page /deep/ .ivu-btn:hover{
        border-color: orange;
        background-color: orange;
        color: inherit;
        margin: -9px -10px;
        width: 70px;
        height: 52px;
    }
   </style>
